
<div class="simple-content" style="overflow-y: hidden;padding:0px;">
	<div id="stage-container" style="width: 100%; height:915px;overflow-x: scroll; overflow-y: scroll;background-color:#505050;" >
		<div class="tab-container" id="canvas-tab">
			<ul id="line-tab" >
				<li style='margin-left:10px' ng-repeat="line in lines">
					<a ng-class="{'selected':line.id == selectedLine.id}" id="{{line.id}}" ng-click="selectLine(line)"><span>{{line.name}}</span></a>
				</li>
				<a class='zoomStyle' id='zoomIn' ng-click="zoom('IN')" ><i class='icon-zoom-in white bigger-170' title='放大'></i></a>
				<a class='zoomStyle' id='zoomOut'ng-click="zoom('OUT')"><i class='icon-zoom-out white bigger-170' title='缩小'></i></a>
			</ul>
		</div>
		<!-- <div id='canvas-container-1' ng-show="true" ng-model="line" class='canvas-container'  linear></div> -->
        <div id='canvas-container-1' ng-show="true" ng-model="line" class='canvas-container' ></div>


	</div>
	<div></div>
</div>


<div id="controlContainer" ng-show="controlContainerShow" style="position:absolute;width:30%;height:15%;left:2%;bottom:20%;">
	<div class="row">
		<div class="col-md-12">
			<div class="box">
				<div class="box-header header-color-blue">
					<h5 class="bigger lighter">
						<i class="icon-table"></i>
						操作区
						<div class="widget-toolbar widget-toolbar-light no-border" style="margin-top: -10px;line-height: 42px">
							<a class="white"  ng-click="closeControlContainer()">
								<i class="icon-remove"></i>
							</a>
						</div>
					</h5>

				</div>
				<div class="box-body">
					<div class="panel-footer" ng-show="selectedType === shapeType.Segment">
						<button type="button" class="btn btn-primary" ng-click="reset(segment)">区故解</button>
						<button type="button" class="btn btn-primary" ng-click="setSpeedLimit(segment)">设置限速</button>
						<button type="button" class="btn btn-primary" ng-click="cancleSpeedLimit(segment)">取消限速</button>
					</div>
					<div class="panel-footer" ng-show="selectedType === shapeType.Turnout" ng-model="turnout">
						<button type="button" class="btn btn-primary" ng-click="create(turnout)">转换到定位</button>
						<button type="button" class="btn btn-primary" ng-click="create(turnout)">转换到反位</button>
					</div>
					<div class="panel-footer"  ng-show="selectedType === shapeType.RouteIndicator" ng-model="routeIndicator" >
						<label class="form-group radio-inline" name="routeControl" ng-repeat="route in routeList" >
							<input name="route" type="radio" ui-check   id="{{route.id}}"  ng-check="selectedRouteCode===route.code" value="{{route.code}}"  ng-model="$parent.selectedRouteCode">
							<label for="{{route.id}}">{{route.code}}</label>
						</label>
						<div class="">
							<button type="button" class="btn btn-primary" ng-click="sendCommand(selectedRouteCode,'open')" >开放进路</button>
							<button type="button" class="btn btn-primary" ng-click="sendCommand(selectedRouteCode,'lock')" >封锁进路</button>
							<button type="button" class="btn btn-primary" ng-click="sendCommand(selectedRouteCode,'unlock')" >解封进路</button>
							<button type="button" class="btn btn-primary" ng-click="sendCommand(selectedRouteCode,'cancle')" >取消</button>
						</div>

					</div>
					<div class="panel-footer" ng-show="selectedType === shapeType.Crossing" ng-model="crossing">
						<button type="button" class="btn btn-primary" ng-click="create(crossing)">人工请求</button>
						<button type="button" class="btn btn-primary" ng-click="create(crossing)">人工取消</button>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>